<body class="dark inner work ">
	<div id="pageWrapper">
		<div id="rga-container" class="large" >
			
			<script type="text/javascript">
                $.RGA.HideContent();

				$(document).ready(function() {
					$("#rfiHover").css('background-image', 'url(/img/web.studio/bg_rfismallbox.png)');
					$("#rfiHoverContainer").css('background-image', 'url(/img/web.studio/RFI_redbox.png)');
					
					$("#rfiQM").hover(
					  function () {
						$("#rfiOverlayModule").css({
							'position': 'absolute',
							'right': '225px',
							'top': '-5px'});
						$("#rfiHover").show();
						$("#rfiHoverText").show();
					  }, 
					  function () {
						$("#rfiHover").hide();
						$("#rfiHoverText").hide();
					  });
					
					$("#rfiHover").hover(
					  function(){
					   $("#rfiHover").show();
					   $("#rfiHoverText").show();
					  }, function(){
					   $("#rfiHover").hide();
					   $("#rfiHoverText").hide();
					  });
				});
			</script>
			
			<img src="/_assets/img/logo_print.png" id="headerPrintLogo" width="415" height="73" alt="Studio Box" />
			<div id="header">
				<div class="headerContainer">				
					<div style="height:20px;">
						<div id="logo"><a href="/" class="fadeLink" tabindex="1" title="Studio Box">Studio Box</a></div>
						<div class="clear"></div>
					</div>
	
					<div id="menu">
						<?php echo  $this->element('main_menu')?>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div id="contentContainer">
				<div id="content"> 
					<?php 
					// wymagane w layout
					echo $this->Section->main();
					?>                
					<div id="contentArea">
						<div id="close-button">
							<a href="<?php echo $this->Html->url('/',true)?>#About" id="pageClose" class="fadeLink"></a>
						</div>
						<div id="mediaHolder" class="one-half-col">
							<?php echo $this->data['Gallery']['youtube']?>
							<div id="title">
								<h4><?php echo $this->data['Gallery']['name']?></h4>
							</div>
						</div>
						<div id="summary" class="one-third-col">
							<h2>Summary</h2>
							<div class="content">					
								<p><?php echo $this->data['Gallery']['content']?></p>
							</div>
						</div>
						<div id="sidebar2">            
							<div id="related" class="module">
								<h2>Related</h2>    
									<?php echo $this->element('related_about_links',array('plugin' => false,
									'items'=>$this->Gallery->index('about',array('limit'=>6))
									,'category_id'=>'about'
									,'params'=>array()
									));?>
							</div>

							<div id="share" class="module no-margin">
								<h2>Share</h2>
								
								<ul>
									<!--links with overlays must have ids so that JS knows which ones to open up-->
									<li><a href="" id="email">Email</a></li>		
								</ul>
								<ul class="shareLinks">
									<li><a class="facebook" href="http://www.facebook.com/share.php?u=@@@PAGEHREF@@@&t=@@@PAGETITLE@@@" target="_blank" onclick="$.RGA.global.Tracking.trackPageView('/share/facebook/')">Facebook</a></li>		
									<li><a class="twitter" href="http://twitter.com/home?status=@@@PAGETITLE@@@%20@@@PAGEHREF@@@" target="_blank" onclick="$.RGA.global.Tracking.trackPageView('/share/twitter/')">Twitter</a></li>		
									<!--<li><a class="digg" href="http://www.digg.com/submit/?phase=2&url=@@@PAGEHREF@@@&title=@@@PAGETITLE@@@&bodytext=@@@BODYTEXT@@@" target="_blank" onclick="$.RGA.global.Tracking.trackPageView('/share/digg/')">Digg</a></li>-->		
									<li><a class="delicious" href="http://del.icio.us/post?v=4&noui&jump=close&url=@@@PAGEHREF@@@&title=@@@PAGETITLE@@@" target="_blank" onclick="$.RGA.global.Tracking.trackPageView('/share/delicious/')">Delicious</a></li>			
								</ul>
							</div>
						</div>
        				<div class="clear"> </div>
					</div>
    
<script type="text/javascript">

function SendEmailToFriendResponse(context)
{
    var response = context.get_data();
    //console.log(response);
}

$(document).ready(function() {
        var id = $("#contentID").val();
        var contentControl = $("#pageID");
        if(contentControl!=null)
        {
            contentControl.val(id);
        }
        
        //console.log("page control value: " + contentControl.val());
});

</script>

<div id="emailOverlay" class="overlayModule">

    <div id="emailTab" class="overlayTab">
	    <div class="overlayTabTitle">Email</div>
	    <div class="overlayCloseButton"><a href="javascript:void(0)" class='close_button'><img src="../../../../img/web.studio/Button_Dropdown_Close.gif" alt="close"/></a></div>
    </div>

    <div id="emailContainer" class="overlayBodyContainer">

	    <div class="instructions">To send to multiple recipients, separate each address by a comma.</div>
	    <div class="clear"></div>
	    
        <form action="/Service/SendEmailToAFriend" method="post" id="sendAFriendOverlayForm">
		    <div class="textBoxContainer">
			    <div class="one-half-col">
			        <input type="hidden" name="pageID" id="pageID" value=""/>
			        <input type="hidden" name="title" id="title" value="Our History" />
			        
				    <div class="textBox">
					    <label for="recipientEmail">Recipient's Email</label><span class="error_state"> *Invalid email</span>
					    <input type="text" name="recipientEmail" value="" class="required email" /><br />
				    </div>
    				
				    <div class="textBox">
					    <label for="senderName">Your  Name</label><span class="error_state"> *Invalid name</span>
					    <input type="text" name="senderName" value="" class="required alpha" /><br />
				    </div>
    				
				    <div class="textBox">
					    <label for="senderEmail">Your Email</label><span class="error_state"> *Invalid email</span>
					    <input type="text" name="senderEmail" value="" class="required email" /><br />
				    </div>
			    </div>
    			
			    <div class="one-half-col no-margin">
				    <div id="message" class="textBox">
					    <label for="message">Message (optional)</label><span class="error_state"> *Invalid message</span><br />
					    <textarea name="message"></textarea><br />
				    </div>
			    </div>   
			    <div class="clear"></div> 			
		    </div>
    		
		    <div class="sentSuccessMesssage">Message Sent Successfully</div>
            <div class="sentErrorMesssage">There was an error with your message.</div>
			<input class="sendButton" type="submit" value="Send" />
		    
        </form>
	    <div class="footText">We don't spam. The information that you enter will be used for this communication only.</div>
    </div> 
</div>


    <div class="clear">
    </div>


                </div>
            </div>
            
        </div>
    </div>
   
    <!-- content -->    
</body>

